pp 总结一

阅读量：4654 次

发布时间：2019-06-09

本文共 3018 字，大约阅读时间需要 10 分钟。

1.JQ $.get()

jq

View Code

2. vue1.0 @click()

    
          Title    
          
               
        {
    {item.name}}

View Code

3. box-shadow 线性渐变只需要3个参数，加一个不透明度

    
          box-shadow_CSS参考手册_web前端开发参考手册系列    
          
       外阴影模糊效果
box-shadow:5px 5px 5px rgba(0,0,0,.6);
    第一个是x  第二个是y 第3个是大小模糊程度 rgba是颜色，最后是不透明度 
       
    
       中文
    
       abc

View Code

4. input placeholder颜色

    
          Title

View Code

5. vue1.0 tab点击添加样式

    
          tab 添加样式

View Code

6. vue1.0 this.$http.get('xx.json')

vue

View Code

对应的json

[    {      "id" : "1",      "name":"广州"    },    {      "id" : "2",      "name":"中山"    },    {      "id" : "3",      "name":"惠州"    },    {      "id" : "4",      "name":"清远"    },    {      "id" : "5",      "name":"深圳"    }  ]

View Code

7. vue1.0以这个为主吧

    
          vue 1.0        vue 1.0
1.最简vue
      
           {
     {message}}
      
2. v-bind  简写为： 
        
           
       span
       
    
       span2
      
3. v-if
          
       i will seen
    
       i will hide
      
4 .v-for
          
               
                    {
     {list.key}}        
    
       
      
5. v-on:click 事件绑定 简写 @  
      
           {
     {message}}    
           
       
      
6. v-model
      
           {
     {message}}    
       
      
7.组件
          
               
            
       
      
7.1组件  props 【】
          
               
           
            
       
      
计算属性 computed  写成了函数
      
           first:{
     {message}}  
       
    last:{
     {res}}
      
2.1  v-bind 绑定class  
          
       test1
      
          
       test2
      
2.3 v-for 使用$index 【1.0不同】
          
               
          【1.0不同】            {
     {otherMessage}}...{
     {$index}}:{
     {list.key}}        
    
       
      
2.31 v-for对象
          
               
                    {
     {value}}        
    
       
      
2.4 事件处理 v-on
          
           
           
       
      
2.5 v-model
          
        {
     {checked}}
      
2.6 组件
          
       
      
2.61局部组件
          
       
      
2.7 $emit
          
       {
    { total }}    
            
           
       
      
3.1 x-template