Apeller

导航

快速入门Vue.js-前10

官方:https://cn.vuejs.org/   官方文档教程:https://vuejs.org/   

结合:markdown-->typora及xmind以下标方式检索

  • 1.渐进式
  • 2.响应式数据驱动 this关键字
  • 3.简化DOM操作
  • 4.JavaScript框架
  1. 导入开发版本的Vue.js
  2. 创建Vue实例对象,设置el属性和data属性
  3. 使用简洁的模板语法把数据渲染到页面上

web,移动端开发等

#vue基础 live-server

 

 

 

 

 

03


el:挂载点:
vue实例的作用范围?
  在el命中的元素内部,及其内部的后代元素

 

 

是否可以用其它的选择器?

  当然可以,建议使用id选择器 el:".app", or el:"#app",

是否可以设置其它的dom元素? 除了html和body外

  

 

 

 

 

 

 04


 

 

data:数据对象

 

 

 

  

 

 

 05


#vue本地应用

  1. 内容绑定事件绑定
  2. 展示切换属性绑定
  3.  列表循环表单元素绑定

 

 

 

 06


 

v-text

插值表达式写法{{message}}

 

 

 07


 

v-html --> innerHTML

 

 08


 

v-on绑定事件

  例子:鼠标移入,点击等等

 

 

 

 

 

 09


 

计数器(思维逻辑)

 

 

 

 10

 

posted on 2019-11-17 21:05  Apeller  阅读(122)  评论(0编辑  收藏  举报