Vue.js的使用方法
来源:互联网 发布:python 动态创建字典 编辑:程序博客网 时间:2024/06/11 08:34
vue的使用方法:
1. 首先引入vue.js
<script src="js/lib/vue/vue.js"></script>
2.定义页面结构(或者说提供一个在页面上已存在的 DOM 元素作为 Vue实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例。)
<div id="app">
{{message}}
</div>
3.定义vue实例(或者说模型)
var vm = new Vue({
el:"#app",/*el表示选择一个标签*/-->只要是CSS选择器都可以
data:{
message:"天王盖地虎,小鸡炖蘑菇"
},/*data表示存放在Model中的数据*/
func:function(){
this.message="我要打老虎";//这里的this指的是new出来的vm实例,访问data对象中的属性时可以忽略data,直接访问它里面的数据,即this.data.message-->这种方式在Vue中会出错,可以写成this.message,或this.$data.message也可以。
}
});
2 0
- Vue.js的使用方法
- Vue.js路由组件vue-router的使用方法
- Vue.js 模板使用方法
- vue.js中组件的创建和使用方法
- vue中axios的使用方法
- Vue.js的常用指令-vue.js
- 【Vue.js】- Vue.js的安装
- JS-Vue/基于Vue.js的时钟
- 【工作日志】--关于Vue.js中<slot>的使用方法及注意事项
- vue.js的使用
- vue.js 的起步
- vue.js的初步
- VUE.js的基础知识
- Vue.js的生命周期
- Vue.js 的使用
- Vue.js的简介
- vue.js的学习
- Vue.js的搭建
- Android系统---Settings
- Android系统---Settings
- thirft使用THsHaServer模式
- doctorListController
- 自定义指令
- Vue.js的使用方法
- Object类中getClass方法返回对象的类(带包名的那种)
- 一个简单jqueryAjax前端页面展示
- Apache+php
- JZOJ 3.10 1542——跑步(树状数组+模拟+排序/归并排序)
- 最详细动态规划解析——背包问题
- 文章标题
- 简单HTML
- 欧拉定理