Vue.js基础

这篇博客介绍了Vue.js的基础知识,适合有一定HTML、CSS和JavaScript基础的读者。首先,你需要导入开发版本的Vue.js,然后创建Vue实例,设置`el`属性为页面中的元素(建议使用ID选择器),并定义`data`属性来存储数据。Vue实例会管理指定元素及其内部的内容,并使用模板语法将`data`中的数据渲染到页面上,实现数据和视图的双向绑定。
摘要由CSDN通过智能技术生成

Vue.js

**

介绍

学习前所具备的知识:
具备一定的HTML,css,JavaScript基础.

**

开始

vue初始:

  1. 导入 开发版本 的Vue.js
  2. 创建Vue实例对象,设置 el 属性和 data 属性
  3. 使用简洁的模板语法把数据渲染到页面
//Vue.js 的核心是一个允许采用简洁的模板语法来声明式
//地将数据渲染进 DOM 的系统:
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

el:挂载点

  • el是用来设置Vue实例挂载(管理)的元素
  • Vue会管理el选项命中的元素及其内部的后代元素
  • 可以使用其他的选择器,但建议使用ID选择器
  • 可以使用其他双标签但不可使用 HTMLBody

data :数据对象

  • vue中用到的数据定义在data
  • data中可以写复杂类型的数据
  • 渲染复杂类型数据时,遵循js的语法即可
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值