插值表达式

{{ x }}，类似这样子的就叫插值表达式

v-cloak

使用v-cloak 能够解决插值表达式闪烁的问题，但是要配合style中的display：none、CSS的属性选择器来使用

v-text

默认v-text是没有闪烁问题的，v-text会覆盖元素中原本的内容，但是插值表达式只会替换自己的这个占位符，不会把整个元素的内容清空

v-html

v-html命令可以使带有标签的字符串，其中的标签起到渲染的作用

v-bind:

v-bind: 是Vue中，提供的用于绑定属性的指令

注意：v-bind: 指令可以被简写为： :要绑定的属性例如： :title

v-bind: 中，可以写合法的JS表达式

v-bind: 的简写为 :

v-on:

Vue中提供了v-on: 事件绑定机制

v-on: 的简写为 @

例如： v-on:click可以简写为 @click

附上相关代码：

Document

[v-cloak] {

display: none;

}

var vm = new Vue({

el: '#app',

data: {

msg: '123',

msg2: '

哈哈，我是一个大大的H1，我大，我骄傲

mytitle: '这是一个自己定义的title'

methods: { //这个methods属性中定义了当前Vue实例所有可用的方法

show: function () {

alert('hello')

}

})

vue中使用原始html插值,VUE.JS中的插值表达式、v-cloak、v-text、v-html、v-bind:、v-on:...相关推荐

PHP中的urlencode，rawurlencode和JS中的encodeURI，encodeURIComponent
PHP中的urlencode,rawurlencode和JS中的encodeURI,encodeURIComponent [PHP中的urlencode和rawurlencode] urlencode ...
10-10 常见单词：访问项目Gutenberg（http://gutenberg.org/ ），并找一些你想分析的图书。下载这些作品的文本文件或将浏览器中的原始文本复制到文本文件中。你可
10-10 常见单词 : 访问项目Gutenberg(http://gutenberg.org/ ) , 并找一些你想分析的图书. 下载这些作品的文本文件或将浏览器中的原始文本复制到文本文件中. 你可 ...
vue使用高德地图画电子围栏_Vue.js 中使用高德地图定位及渲染地图
看了github上面有集成的高德地图组件,但由于项目所要用到的不多,所以决定跟着文档写一写.运行环境是vue-cli webpack 引入高德地图一般用使用vue-cli webpack最简单粗暴的 ...
vue中引用js_从JS中的内存管理说起 —— JS中的弱引用
点击上方"蓝字"关注本公众号写在前面在所有的编程语言中,我们声明一个变量时,需要系统为我们分配一块内存.当我们不再需要这个变量时,需要将内存进行回收(这个过程称之为垃圾回收). ...
如何在js中使用ajax请求数据,在 JS 中如何使用 Ajax 来进行请求
做者:Danny Markov 译者:前端小智来源:tutorialzine 点赞再看,微信搜索 [大迁世界]关注这个没有大厂背景,但有着一股向上积极心态人.本文 GitHub https://gi ...
在js中使用HashMap数据结构，在js中使用K,V数据结构
首先是定义一个HashMap方法,做基类(复制在js中即可,然后引用) //简单的哈希表,begin function HashMap() {/** Map 大小 * */var size = 0;/ ...
SpringMVC中通过@ResponseBody返回对象，Js中调用@ResponseBody返回值，统计剩余评论字数的js，@RequestParam默认值，@PathVariable的用法
1.SpringMVC中通过@ResponseBody返回对象,作为JQuery中的ajax返回值 package com.kuman.cartoon.controller; import java. ...
js中的extend的用法及其JS中substring与substr的区别
1. JS中substring与substr的区别之前在项目中用到substring方法,因为C#中也有字符串的截取方法Substring方法,当时也没有多想就误以为这两种方法的使用时一样的. ...
如何在js中使用ajax请求数据,在 JS 中怎么使用 Ajax 来进行请求
在 JS 中怎么使用 Ajax 来进行请求发布时间:2021-07-22 09:48:43 来源:亿速云阅读:78 作者:chen 本篇内容介绍了"在 JS 中怎么使用 Ajax 来进行 ...
HTML中id和name的区别(js中的注意事项)
但是name在以下用途是不能替代的: 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档 ...

vue中使用原始html插值,VUE.JS中的插值表达式、v-cloak、v-text、v-html、v-bind:、v-on:...

哈哈，我是一个大大的H1，我大，我骄傲

vue中使用原始html插值,VUE.JS中的插值表达式、v-cloak、v-text、v-html、v-bind:、v-on:...相关推荐

最新文章

热门文章