vue教程_51CTO博客
文章目录VueRouter作用及用法router-linkVue Router传递参数嵌套路由命名视图watch 属性VueRouter作用及用规则
原创 2022-11-11 09:48:20
91阅读
前奏在紧张的一个星期的整理,笔者的前端小组每个人都整理了一篇文章,笔者整理了Vue编译模版到虚拟树的思想这一篇幅。建议读者看到这篇之前,先点击这里预习一下整个流程的思想和思路。本文介绍的是Vue编译中的parse部分的源码分析,也就是从template 到 astElemnt的解析到程。正文从笔者的 Vue编译思想详解一文中,我们已经知道编译个四个流程分别为parse、optimize、code
安装VUE教程 </h1> <div class="clear"></div> <div class="postBody"> 这段时间公司要准备开始用VUE,安装的过程中就遇到各种奇葩问题1.Node.js安装   https://nodejs.org/en/download/&n...
转载 2021-08-19 15:38:49
377阅读
02vue的安装程序说明1、在body中有2个​​counter​​​,一个是id,一个是class。 2、创建应用,分别用id和class将配置对象传入语法:​​Vue.createApp(方法名).mount("标签"); ​​ id:counter前面是​​#​​​,​​Vue.createApp(Counter).mount("#counter"); ​​ class:counter前面是
原创 2022-11-28 12:34:11
231阅读
Vue 实例1.Vue实例创建1.1 编写界面1.2 创建Vue实例1.3 添加交互行为1.4参考案例2.Vue实例API3.Vue实例生命周期 1.Vue实例创建每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:var vm = new Vue({ // 选项 })1.1 编写界面1). 所有界面内容必须包裹在一个唯一的父元素内。 2). 找到页面中所有可能变化的
安装VUE教程 </h1> <div class="clear"></div> <div class="postBody"> 这段时间公司要准备开始用VUE,安装的过程中就遇到各种奇葩问题1.Node.js安装   https://nodejs.org/en/download/&n...
转载 2022-01-23 11:21:47
547阅读
前端教程学习
原创 2020-07-12 09:27:02
961阅读
  最近在搞Jest单元测试,如何在vue中安装和使用jest我就不说了,前一篇文章简单的说了一下在使用jest时遇到的一些问题,但是我觉得并没有真正的解决的很好。后面会在学习过程中更新前面的那篇文章,加入后续遇到的问题以及解决问题的方法,持续的做一个记录。  好了,废话不多说,咱们开始今天的内容吧。因为之前使用jest时候的项目是移植过来的项目,因为复杂的环境以及外部文件引入的等等等等的问题。采
文章目录第一章:Vue安装及使用第二章:数据代理第三章:事件的处理第四章:计算属性与监视第八章:计算属性第九章:监听属性第十章:绑定样式第十一章:条件渲染第十二章:列表渲染第十三章:收集表单数据第十四章:过滤第十五章:Vue内置指令 第一章:Vue安装及使用1.Vue是一套构建用户界面的渐进式JavaScript框架 特点:1.采用组件化模式,提高代码复用率,且让代码更好维护 2.声明式编码
文章目录​​什么是Vue-CLI​​​​安装Vue-cli​​​​创建、打包、运行项目​​​​Vue-cli修改webpack配置​​什么是Vue-CLIVue-CLI(Command Line Interface) 是vue官方提供的脚手架工具,默认已经帮我们搭建好了一套利用webpack管理vue的项目结构安装Vue-cli安装脚手架工具: npm install -g @vue/cli 检查
原创 2022-11-11 09:48:22
151阅读
 一.Vue渐进式 JavaScript 框架二.Vue安装1.安装node.js node.js中文网下载网址http://nodejs.cn/download/ 下载安装后,打开命令行(win+r 输入cmd)输入node -v 查看node的版本号,若显示如图则安装成功。安装完node.js也就有了npm管理器,它是集成在node中的,输入 npm -v 命令,显示npm的版本信息
转载 2024-02-26 11:03:29
114阅读
Vue教程Vue安装与使用Vue起步Vue基本结构Vue基本指令{{ }}和v-cloakv-text 和 v-htmlv-bind 和 v-onv-modelVue绑定样式Vue循环指令Vue条件语句Vue过滤器Vue按键修饰符Vue自定义指令Vue监听属性Vue计算属性Vue生命周期图示:钩子函数Vue ajax安装方法get方法post方法axios APIconfig配置Vue动画语法格
转载 2023-12-06 21:07:21
98阅读
走进Vue_渐进式 JavaScript 框架通过对框架的了解与运用程度,来决定其在整个项目中的应用范围,最终可以独立以框架方式完成整个web前端项目what -- 什么是Vue可以独立完成前后端分离式web项目的JavaScript框架# vue可以干哪些事# 将数据渲染到指定区域(数据可以是后台获取,也可以由前台自己产生)# 可以与页面完成基于数据的交互方式 why -- 为什么要学
转载 2023-09-13 17:57:12
65阅读
一、快照知识点补充为了更好的理解下面内容,这里先补充下,快照的知识。每当想要确保生成的 UI 不会有意外的改变时,快照测试时非常有用的工具第一次运行时,会生成快照文件第二次会比较不同,直接展示结果。更新快照 npm run test:unit – -u shallowMount:浅渲染,不会渲染子孙组件。仅测试组件本身。 mount:会测试子子孙孙组件,耗费性能更大。一般用 shallowMoun
转载 2024-03-25 21:22:07
65阅读
一、文件目录说明main.js:应用的入口文件App.vue:根组件,整个组件的入口加载文件不要后缀名:resolve:{extensions:['.js','.vue','.json'],alias:{'vue$':'vue/dist/vue.esm.js','@':resolve('src&
原创 2018-12-06 12:21:04
10000+阅读
Vue.js 简介Vue.js是一套构建用户界面的UI框架,它专注于MVVM模型的ViewModel层,通过双向数据绑定把View层和Model层链接起来。特点:模板双向绑定机制利用指令(directive)对DOM进行封装组件化设计思想等安装在 Vue.js 官网上直接下载 vue.min.js 并用 script 标签引入CDN script引入NPM 方法安装git base和node.js
Vue
转载 2021-05-10 16:36:04
310阅读
2评论
Vue 入门教程
原创 2022-07-07 09:54:27
103阅读
目标本Vue系列的篇章将会从Vue.js的基础知识点开始,逐步带领写到项目实战。整体篇章分为基础篇、项目篇。
原创 2021-06-18 12:17:24
46阅读
目标本Vue系列的篇章将会从Vue.js的基础知识点开始,逐步带领写到项目实战。整体篇章分为基础篇、项目篇。
原创 2021-06-18 12:25:50
80阅读
目标本Vue系列的篇章将会从Vue.js的基础知识点开始,逐步带领写到项目实战。整体篇章分为基础篇、项目篇。
原创 2021-06-18 12:58:05
66阅读
  • 1
  • 2
  • 3
  • 4
  • 5