首页 > Web开发 > 详细

快速入门Vue.js-前10

时间:2019-11-17 22:29:15      阅读:124      评论:0      收藏:0      [点我收藏+]

官方: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

 

快速入门Vue.js-前10

原文:https://www.cnblogs.com/apelles/p/11878240.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!