Vue-随笔小记】的更多相关文章

错误码: This dependency was not found: * !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-rewriter?{"id":"data-v-6c96342b","scoped":false,"hasInl…
vue 中有 data() .computed.methods.beforeRouteLeave.created等 具体的: data():定义一些文件中需要用到的变量,data中带return,是使数据只在当前组件中可用,不会影响其他组件,不使用return,会让数据在全局可见,会造成污染 computed():用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理, 它其实就是定义一些需要通过各种计算处…
一.创建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…
1.事件派发:子控件->父控件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <div>message : {{ message | json }}</div> <input…
常用的一些指令 ------------------------------------------------------------------------------------------------------------------------------------------- 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…
.if里面不能用import方式导入,只能用require方式引入 判断长度大于0 getIssues (vue, data) { let label = '' ) { label = `+label:"${data.label}"` } es6中使用Number.isInteger()用来判断一个值是否为整数. 在html将显示时间格式化: <span class="time">{{$moment(comment.created_at).format(…
github: https://github.com/keenleung/vue-tutorials 过滤器: https://segmentfault.com/a/1190000005027001 Webpack入门 http://www.jianshu.com/p/42e11515c10f…