重学 vue 教程

0 引言

从上次重学python 依赖，忽然很想感觉有些许的沉淀，所以重学vue 吧，还是 不要那么懒了

1 结构

• template 放置 html
• script 放置 js
• style 放置css

2 路由节点

// 要告诉 vue 使用 vueRouter
Vue.use(VueRouter);

var router =  new VueRouter({
    routes
})

3 模版

所谓模版，一句话 通过 插值 指令控制 template 生成html

• 插值

    
{{aboutMsg}}
    
v-if 看到是否能看见
    这个将不会改变: {{oncemsg}}
    

      Using v-html directive:
      
    
    
    
    
function-bind
    
computed-bind
    button 不能点击了
    
    

      {{ number + 1 }}
      
       
      
    

• 指令

现在你看到我了
 

• 参数

一句话 可变模版的属性变量化

    参数绑定url 
    参数监听事件 
    
  url: "https://cn.vuejs.org/v2/guide/syntax.html",
  alert_func() {
      alert("this is alert");
    },

 
  绑定属性
    

    绑定事件

• 缩写

v-bind:XX
:XX
v-on:XX
@XX 

4 render

• 条件渲染

    if else for  
v-if 是否渲染 v-show 是否显示

    
    

    

      
      
can you see me
    
    

      
{{ user.name }}