vue 基础知识点

骑猪看日落 2021-08-28 16:39 526阅读 0赞

1.指令

v-html:会覆盖内部内容 会有xss攻击 不要用在用户提交的时候

<p v-html="inHtml"><span>aaaa</span></p>   //<span>aaaa</span>被覆盖掉

v-if v-else :进行逻辑判断 用户不频繁更改

v-show  :渲染成 display:none  用户频繁更改

v-if 和v-for 不同时使用  v-for 比v-if 优先级高  每一次都要循环 不好

v-bind:简用 ：

eg:<span :class="\{black:isblack,yellow:isyellow\}"></span>

<span :class="\[isblack,isyellow\]"></span>  //数组

<span :style="styledata"></span> //data中 styledata是一个对象

data()\{

return\{

isblack:true,

isyellow:true,

black:"black',

yellow:'yellow',

styledata:\{height:300px\}

\}

\}

2.computed 计算属性

data()\{

return\{

num:20

\}

\},

computed:\{

aDouble: function () \{   //绑定页面 \{ \{aDouble===3？“”：“”\}\}  可以有表达式

return this.num \* 2 \}

aPlus: \{ get: function () \{  //有get set 可以用 v-model 绑定

return this.num+ 1 \},

set: function (v) \{

this.num = v - 1 \} \}

\}

3.watch监测属性

props:\{

name:String,

stData:\{

type:Object

\}

\}

watch:\{

name:function(oldval,val)\{\}  // 可以监控到 旧值

stData:\{hander(oldval,val)\{\},deep:true\}  //对象要深度监听 可以监听到旧值

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，526人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java基础知识（知识点）

1、Java是一种高级计算机语言，是可以编写跨平台应用软件、完全面向对象的程序设计语言。 2、Java划分为三个技术平台：Java SE、Java EE、Java ME J

浅浅的花香味﹌/ 2024年04月07日 13:20/ 0 赞/ 108 阅读

相关 Vue系列知识-vue基础知识

一.Vue的定义 Vue（vju:）是一套用于构建用户界面的渐进式框架。每个 Vue 应用都需要通过实例化 Vue 来实现。语法格式如下： var vm = n

绝地灬酷狼/ 2023年10月06日 19:34/ 0 赞/ 71 阅读

相关基础知识点

CSS3 1、选择器：nth-child、disabled、after、before 、伪类选择器等 2、css3动画：keyframes（用百分比控制显示的过程）

港控/mmm°/ 2023年06月27日 08:49/ 0 赞/ 21 阅读

相关 vue知识点

在这里总结一些vue常见的面试题，希望能够帮助到你们的面试你对vue中mvvm的模式设计有什么感想？ mvvm设计模式采用的双向绑定，当view发生变化，model会跟

向右看齐/ 2023年06月06日 10:37/ 0 赞/ 18 阅读

相关 Vue基础知识点（一）

1. Vue基础课程 1.1 Vue框架描述 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue

男娘i/ 2023年01月14日 00:47/ 0 赞/ 286 阅读

相关 vue-cli基础知识点一

一、前端、后端；前台、后台概念。前台：以html、css、js为基本元素编写的页面功能。后台：就是通过flask、Django等提供的web服务。

野性酷女/ 2022年12月24日 11:56/ 0 赞/ 252 阅读

相关 vue基础知识点

1. Vue.js是什么? 1). 一位华裔前Google工程师(尤雨溪)开发的前端js库 2). 作用: 动态构建用户界面 3). 特点:

小鱼儿/ 2022年11月26日 11:00/ 0 赞/ 194 阅读

相关 java基础扩展知识点_Java基础知识点

一些基本概念内存溢出 out of memory，是指程序在申请内存时，没有足够的内存空间供其使用，出现out of memory；比如申请了一个integer,但给它存了

浅浅的花香味﹌/ 2022年11月08日 11:59/ 0 赞/ 321 阅读

相关 vue 基础知识点

1.指令 v-html:会覆盖内部内容会有xss攻击不要用在用户提交的时候 <p v-html="inHtml"><span>aaaa</span></p>

骑猪看日落/ 2021年08月28日 16:39/ 0 赞/ 527 阅读

相关 vue知识点

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3

た入场券/ 2021年07月24日 12:55/ 0 赞/ 617 阅读