-
c's'd'st're'te'r't
查看全部 -
vue-cli:命令行工具
打开cmd，运行npm指令，安装vue-cli
build目录下放置的是项目的webpack配置文件，可以不动
config是针对线上环境和开发环境的配置文件，也可以不动
node_modules 指的是项目的依赖
src 指的是源代码放置的目录
static放置的是静态的资源
src中的main.js文件是整个项目的入口文件
查看全部 -
子组件与父组件通信
1、父组件可以使用 props 把数据传给子组件。（父组件使用属性传值给子组件）
2、子组件可以使用 $emit 触发父组件的自定义事件。父组件监听子组件,并可以执行自己的方法
fu: @delete=""
zi: this.$emit('delete',this.index)
查看全部 -
<div id="app"><h1>{{msg}}</h1></div> <script> // 挂载点 #app // 模板 <h1>{{msg}}同样可以写在实例里面 // 实例之间的关系 let app = new Vue({ el:"#app", template:'<h1>{{msg}}</h1>', data:{ msg:"hello world" } }) </script>查看全部 -
1、基础引入vue
通过 <script src="vue.js"></script> 引入
查看全部 -
<style scoped>
</style>
中的scoped代表此样式是局部样式，只在这个vue中渲染。
查看全部 -
v-for中需要绑定key值来提高vue框架的虚拟dom节点性能，最好使用元素自身的id来绑定key值。
查看全部 -
v-if指令和v-show指令的区别，前者控制dom节点的添加和清除，后者是样式上的显示和隐藏。
查看全部 -
v-model双向绑定原理：使用了Object.defineProperty( )方法对对象重新设定了set和get方法。tips：具体实现自己百度
查看全部 -
监听器watch，可以监听data对象的属性和计算对象的属性变化。
查看全部 -
计算属性computed是一个对象，当一个显示的数据由另外的数据计算（加减等）得到就可以用到计算属性，好处是性能的方面，当另外的数据没有变化时，调用的计算属性时缓存的之前的值。
查看全部 -
Vue-cli自带了webpack的各种配置，借助该工具，可以迅速上手工程级别vue项目的开发。
全局安装vue-cli:
$ npm install -g vue-cli
创建一个基于webpack模板的新项目
$ vue init webpack project-name
安装依赖
$ cd project-name
build目录下放置的是项目的webpack配置文件，可以不动
config是针对线上环境和开发环境的配置文件，也可以不动
node_modules 指的是项目的依赖
src 指的是源代码放置的目录
static放置的是静态的资源
src中的main.js文件是整个项目的入口文件
脚手架如果安装不成功，需要先查看一下node是否安装成功：
node -v
npm -v
查看全部 -
子组件与父组件通信
1、父组件可以使用 props 把数据传给子组件。（父组件使用属性传值给子组件）
2、子组件可以使用 $emit 触发父组件的自定义事件。父组件监听子组件,并可以执行自己的方法
fu: @delete=""
zi: this.$emit('delete',this.index)
查看全部 -
如果new Vue({ })的实例中未定义模板template,那么系统默认到挂载点找，将挂载点下的所有东西变为模板。
每个组件也是一个小的实例。
查看全部 -
template就是模板内容，可以不到挂载点下编写
查看全部
举报