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对象绑定

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、了解Vue.js 1.1.1 Vue.js是什么? 简单小巧、渐进式、功能强大的技术栈 1.1.2 为什么学习...
    蔡华鹏阅读 8,646评论 0 3
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,457评论 0 29
  • 序言:乱七八糟一锅粥! 基于Vue.js 教程、介绍— Vue.js 心得: 在vue中,推荐始终使用 kebab...
    苦苦修行阅读 3,813评论 0 1
  • 前言 您将在本文当中了解到,往网页中添加数据,从传统的dom操作过渡到数据层操作,实现同一个目标,两种不同的方式....
    itclanCoder阅读 26,061评论 1 12
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 12,009评论 0 25