vue学习---->一个运维的前端之路

一.vue.js 渐进式的javascript的框架

二.vue的优点

1）体积小，更高的运行效果，双向数据绑定，生态丰富，学习成本低

三.引入vue进行对vue的简单了解

       

{{age}} {{name}}

 

    鼠标悬停几秒钟查看此处动态绑定的提示信息！

 

 

现在你看到我了

 

   

1.       {{ todo.text }}

      

 

 

{{ info }}

  字母大写

 

{{ mess }}

 

{{addr}}

{{msg}}

using v-html directive:

app8

超链接

超链接1

class-type

class-type

class-type

style-type

style-type

{{ num +10}}

{{ status ? 'YES' : 'NO' }}

{{ str.split('').reverse().join('') }}

click me

Original str: "{{ string }}"

 

Computed reversed str: "{{ reversedString }}"

  A

  B

  Not A/B

v-show

• {{index}}-{{item.name}}

• {{index}}-{{key}}-{{value}}

  counter： {{counter}}

  Greet

Message is: {{ mess1 }}

Multiline Message is: {{ mess2 }}

  One

 

 

  Two

 

  Picked: {{ picked }}

 

 

 

  Jack

 

  John

 

  Mike

 

  Checked names: {{ checkedNames }}

 

 

 

   

请选择

   

A

   

B

   

C

 

  Selected: {{ selected }}

 

  submit