vue-2

  1. 阻止事件冒泡
    • @click.stop='事件名'
    • e.stopPropagation?e.stopPropagation():e.cancelBubble=true
  2. 阻止默认事件
    • @click.prevent
    • e.preventDefault?e.preventDefault():e.returnValue=true
  3. 键盘事件
    • @keydown @keyup @keypress
    • 使用指定键
      • @keydown.enter
      • @keydown.13
  4. 动态绑定Class样式

你能看见我吗
  • data创建数据
你能看见我吗
  • 数组形式
你能看见我吗
  1. 动态添加style
    
你能看见我吗
  • 对象添加
    
你能看见我吗
  1. 数据请求
  • app.js 服务
    • express -》node
    • bodyParser --》
    • app.use('bodyParser') -->中间件
    • app.use(express.static('./')) --》中间件静态资源
  • 请求 vue-resource
    • npm install --save-dev vue-resource
    • get请求
       服务端:
        app.get('/get',(req,res)=>{
            res.send('这是通过get发送的请求')
        })
       前端:
       
    {{msg}}
  • jsonp
       前端:
       
    {{msg}}

你可能感兴趣的:(vue-2)