Vue语法学习

  1. 引入：script的src中导入vue包
  2. 创建：在script中创建vue对象
  3. 双向绑定：
  4. el----选择器，锁定标签
  5. data----定义变量，将标签内容绑定给变量
  6. {{变量}}----在标签中显示内容
  7. methods----绑定事件，控制变量内容。
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <script type="text/javascript" src="js/vue.min.js"></script>

</head>

<body>

    <div  id="demo1">

        <div>{{msg}}</div>

        <button @click='fnChaMsg'>事件触发</button>

    </div>

    <!-- 引入vue 创建vue对象 双向绑定-->

    <script>

        var em = new Vue({

            el:'#demo1',

            data:{msg:'HI, Alice!'},

            methods:{

                fnChaMsg:function(){

                    this.msg = "Hello, alice!";

                }

            }

        })

    </script>

</body>

</html>



												


											
Vue--基本语法的更多相关文章
	

    
						
  1. python 全栈开发，Day89(sorted面试题,Pycharm配置支持vue语法,Vue基础语法,小清单练习)
		
    一.sorted面试题 面试题: [11, 33, 4, 2, 11, 4, 9, 2] 去重并保持原来的顺序 答案1: list1 = [11, 33, 4, 2, 11, 4, 9, 2] ret ...
    
		
    2. 
						
  2. idea 添加 VUE 的语法支持和开发
		
    <一>VUE的开发分两种,一种是直接在HTML文件中使用,一种是VUE文件的形式开发 1,首先我们先让 HTML 文件支持 VUE 的语法指令提示 2,File -> Setting ...
    
		
    3. 
						
  3. 2-5 vue基础语法
		
    一.vue基础语法 语法: {{msg}} html赋值: v-html="" 绑定属性: v-bind:id="" 使用表达式: {{ok? "ye ...
    
		
    4. 
						
  4. Vue常用语法及命令
		
    1,Vue常用语法 vue常用语法之变量的定义 // 1,变量相关 // 变量的提升 var username = "雪雪"; var username ; console.log ...
    
		
    5. 
						
  5. Vue模板语法(二)
		
    Vue模板语法(二) 样式绑定  class绑定 使用方式:v-bind:class="expression" expression的类型:字符串.数组.对象 1.2 style绑 ...
    
		
    6. 
						
  6. Vue模板语法(一)
		
    Vue模板语法 一.插值 1.1.1 文本 {{msg}} 1.1.2 html 使用v-html指令用于输出html代码 1.1.3 属性 HTML属性中的值应使用v-bind指令 1.1.4 表达 ...
    
		
    7. 
						
  7. idea 添加 VUE 的语法
		
    1,首先我们先让 HTML 文件支持 VUE 的语法指令提示 2,File -> Setting -> Edit -> Inspections -> html 3.加入以下:  ...
    
		
    8. 
						
  8. Vue模板语法（一）
		
    Vue模板语法 一 vue简介 Vue.js是一套构建用户界面的渐进式框架. 与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计. Vue 的核心库只关注视图层,并且非常容易学习,非常容易与 ...
    
		
    9. 
						
  9. 一、vue基础--语法
		
      用到的前台编程工具是Visual Studio Code,暂时是官网下载vue.js到本地使用 一.Visual Studio Code需要安装的插件: jshint :js代码规范检查 Beau ...
    
		
    10. 
						
  10. 一、vue基础语法（轻松入门vue）
		
    轻松入门vue系列 Vue基础语法 一.HelloWord 二.MVVM设计思想 三.指令 1. v-cloak 2. v-text 3. v-html 4. v-show 4. v-pre 5. v ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 九度OJ1153-括号匹配-栈的应用
			
    题目1153:括号匹配问题 时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:9697 解决:4213 题目描述: 在某个字符串(长度不超过100)中有左括号.右括号和大小写字母:规定(与常见 ...
    
			
    2. 
						
  2. 搜索入门_简单搜索bfs dfs大杂烩
			
    dfs题大杂烩 棋盘问题  POJ - 1321 和经典的八皇后问题一样.  给你一个棋盘,只有#区域可以放棋子,同时同一行和同一列只能有一个棋子. 问你放k个棋子有多少种方案. 很明显,这是搜索题. ...
    
			
    3. 
						
  3. lesson3 overfitting -fastai
			
    VGG:3*3Imagenet:7*7,9*9论文中证明3*3更胜一筹,但是用多少并没有定论微调:删掉模型的中间只对最后一层微调:model.pop,就删掉了最后一层 如何决定训练多少层?:·看论文上 ...
    
			
    4. 
						
  4. 质因子分解（Pollard_Rho法）
			
    LL Pollard_Rho(LL n, LL c) { LL x, y, d; LL i = , k = ; x = y = rand() % n; do { i++; d = gcd(n + y  ...
    
			
    5. 
						
  5. StackExchange.Redis和Log4Net构建日志
			
    利用StackExchange.Redis和Log4Net构建日志队列   简介:本文是一个简单的demo用于展示利用StackExchange.Redis和Log4Net构建日志队列,为高并发日志处 ...
    
			
    6. 
						
  6. 关于vs设置其他主题配色问题
			
    可以再网上找其他的.vssettings文件导入 导入方法如下: 一般vs会将你之前设置下的配色方案自动保存下来,你也可以直接覆盖 2019-03-21  17:31:07
    
			
    7. 
						
  7. 《DSP using MATLAB》Problem 6.15
			
    代码: %% ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ %% Output In ...
    
			
    8. 
						
  8. jsp中<%两个最容易搞混淆的用法，附：out.println与out.write的用法
			
    jsp中的<% java代码 %>,表示的是在html中写入java代码,其写入的格式就是在java代码的两头加上<% %>.搞明白这些以后,我们再来看看在js中,最易搞混淆的 ...
    
			
    9. 
						
  9. LeetCode – Lemonade Change
			
    At a lemonade stand, each lemonade costs $5. Customers are standing in a queue to buy from you, and  ...
    
			
    10. 
						
  10. LG2742 【模板】二维凸包 / [USACO5.1]圈奶牛Fencing the Cows
			
    题意 题目描述 农夫约翰想要建造一个围栏用来围住他的奶牛,可是他资金匮乏.他建造的围栏必须包括他的奶牛喜欢吃草的所有地点.对于给出的这些地点的坐标,计算最短的能够围住这些点的围栏的长度. 输入输出格式 ...
    
			
    11.