vue学习小结（二）-应用

开始应用vue

cdn调用https://www.bootcdn.cn/

标签输出 v-html

绑定属性 v-bind 例：v-bind:href="url" =>:href="url"

绑定事件 v-on 例： v-on:click="submit()" =>@click="submit()"

计算属性：computed 可监听多个变量，变量一定是在vue的实例里

监听器：watch 通常监听一个变量或者一个常量

使用场景介绍，watch（异步场景），computed（数据联动）

条件渲染

创建项目

方法一：

进入创建项目的文件夹 vue create hello-world（文件名）

选择一些配置

cd hello-world

npm run serve

方法二：

执行 vue ui

在浏览器中创建项目

手动配置项 babel router vuex css  linter 使用配置文件

预编译 Sass/SCSS

standard config

预设 vuex+router

组件化思想

独立的 可复用的 整体化

vuex 介绍

vue.js开发的状态管理模式

组件状态集中管理

组件状态改变遵循统一的规则

调试

vue的chrome插件

console.log, alert(), debugger

vm实例 ，window对象绑定