VUE总结
注意:本文记录作者在学习和使用vuejs开发中的点点滴滴,从vuejs1.0开始直到现在的vuejs2.0以后的版本。期中部分1.0的内容已经过时,仅作各位朋友参考,建议重点关注2.0相关的内容,会随着我对vuejs有了更多的体会后不断维护更新,也欢迎朋友们批评指正共同学习提高。所有的VueJs组件都是被扩展的Vue实例 var MyComponent=Vue.extend( {
注意:本文记录作者在学习和使用vuejs开发中的点点滴滴,从vuejs1.0开始直到现在的vuejs2.0以后的版本。期中部分1.0的内容已经过时,仅作各位朋友参考,建议重点关注2.0相关的内容,会随着我对vuejs有了更多的体会后不断维护更新,也欢迎朋友们批评指正共同学习提高。所有的VueJs组件都是被扩展的Vue实例 var MyComponent=Vue.extend( {
webpack是一个模块加载器, 一切东西都是模块(包括css、html、js、图片等), 最后都打包到一块了。下面我将搭建一个简单的demo一、新建目录结构|-index.html |-main.js //入口文件 |-App.vue //vue文件,官方推荐命名法(首字母大写) |-package.json //工程文件(项目依赖、名称、配置),记录需要的依赖
一. 自定义指令除了Vue内置的指令,可以自己设置指令。注册全局指令-所有人都可以使用<body> <div class="app"> <div v-color="colorStatus">我是一个普通的Div元素</div> </div> <script src="
1. 列表渲染-v-for=""功能: 根据一组数据的选项列表进行渲染(自动for循环)语法: value,key in items/value,key for items**变异方法:vue提供一组方法,对数组进行操作的时候,会触发视图更新(map()不会触发),但其并不是原生的方法,原生的方法是不会触发视图更新 push()pop()shift()unshift()splice()
补充一个关于console知识点console.dir()可以现实一个对象所有的属性和方法例如console.dir(document);就可以查看(document树)下所有的东西。测试一段代码执行时间:console.time('test'); /* 这里运行待测代码 */ console.timeEnd('test');前言:Vue主要是“面向数据”编程。当数据发生改变时,使用虚拟DOM来改