Vue+TypeScript学习纪实

1. 公司项目目前是vue-cli3.x版本,支持ts,以下是在项目开发过程中学到的注意要点

2. 起手式主要是参照vue+ts的起手式

3. 在使用的时候,@Component一定要写上,从'vue-class-component'库中引入

4. 使用weui时,需要进行引入,并且在使用的文件中进行全局变量的定义$weui,然后进行使用

5. vue需要监听data中的对象数据变化时,发现无法监听到该对象的变化情况,经搜索资料后发现,需要启动深度监听

代码如下:

watch: {
         watchObj:{
            handler(newVal, oldVal) {
               // handler
            },
            deep:true // watch对象属性变化的时候需要开启深层watch
        }
    }

6.Vue绑定img的src属性的时候,图片路径的引入要采用require的形式或者是直接放在static文件夹下,单纯的引用路径有时候会存在一些问题

template :

script : 
// 错误示范
imgSrc: '../assets/images/example.png'
// 正确示例
imgSrc: require('../assets/images/example.png') || '../static/images/example.png'

 

你可能感兴趣的:(学习笔记)