一.创建Vue步骤(VS Code)    1.全局安装       npm install -g vue-cli 2.新建项目    vue init webpack "project-name" 3.安装依赖    npm i 4.运行    npm run dev 二.Vue架构       1).记住“三个位置”: 1.router-->index.js(存放路由.路由组件.路由页面路径等) 注:此项目默认路径是“/”.在path下一行加入(redirect:“/test…

常用的一些指令 ------------------------------------------------------------------------------------------------------------------------------------------- node -v (确保4以上,稳定版本,比如4.4.5,或者其他稳定版本) npm -v npm install -g vue-cli vue npm install cnpm -g vue list 查…

在整个vue项目中index.js只能有一个 ,创建vue组件实例的代码只能写在main.js中或者index.js中,别的文件中都是使用export default 常量 或者是方法…

新建的项目中main.js是项目的入口文件 npm run dev 运行文件 npm run bulid  编译 属性与方法 每个Vue实例都会代理其 data 对象里所有的属性: var data={a:1} var app= new Vue({ data:data }); app.a==data.a //true tipping: 只有这些被代理的属性是响应的,如果在实例创建之后添加新的属性到实例上,它不会触发视图更新. 除了data属性,Vue实例暴露了一些有用的实例属性和方法.这些属性与…

1.vue基础 Vue 是一个mvvm 的渐进式框架.Angular 是一个mvc的.所以vue的重点更偏向于mv 他的使用方式 大家会发现里面带有大量的$的属性. 学习vue的指令 V-for  用于便利data中的数组 V-bind 用于动态绑定元素的属性 简写 :  如:class=”aa” V-on 用于绑定元素的事件  v-on简写 @如 @click=“fn()” V-if=”aa” V-if 当值为true元素显示 值为false 元素消失 这个是Dom操作 V-model=”ss…

vue2.0中移除.sync修饰符 .sync可是实现props的双向数据绑定,但是会破坏[单向数据流]的假设.这样的话在改变子组件时,父组件同时也改变,你完全不知道它是何时悄悄地改变了父组件的状态. 这在debug复杂结构的应用时会带来很高的维护成本 子组件与父组件之间的通信通过event,v-on…

随风丶逆风 2020-04-03 15:36:41  2208  收藏 3 分类专栏: Vue 随笔 文章标签: 动态验证 el-form elementUI 表单验证 版权 在上一篇<vue elementUI组件表单动态验证失效的问题与解决办法>中,讲到直接修改prop属性,未触发form-item的重新渲染,所以虽然有校验*的标志,实际上并不会校验.这是表面现象,最近有了空余时间,去看看了element form组件的源码,找到了根本原因. 源码分析 在form组件的created钩子函…

PS:先说说学习Vue的缘由吧,学习完了React之后,突然发现又出了一款叫做vue的框架,而且据说可以引领又一波新框架的潮流,我容易吗我!!!   Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能…

在vue中vue-router配置的路径默认有"#"号,虽然无伤大雅,但是很多客户都不想看到,所以在初始配置路由的时候加上下面一句代码就可以了 mode:'history', 路径配好后,如果是在界面上点击某元素跳转 <router-link :to="{ path:'/xxx' }">某元素</router-link>或者给某元素添加点击事件,执行this.$router.push('/xxx')全局函数的定义1.在main.js中定义 V…

VUE 它是一个构建用户界面的JavaScript框架vue指令: 是带有v-前缀的特殊属性,通过属性来操作元素 v-text:在元素当中插入文本 eg:属性值会覆盖自己插入的值 //插入一段文本<div id="app"> <p v-text="message"></p> </div> <script> var vm = new Vue({ el:'#app', data:{ message:'hello…