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 :
<img :src="imgSrc" alt="" />
script : 
// 错误示范
imgSrc: '../assets/images/example.png'
// 正确示例
imgSrc: require('../assets/images/example.png') || '../static/images/example.png'

7.

props可以将数据从父组件传入子组件，

slot可以将html从父组件传入子组件。