模板编译

模板编译

原文链接：https://note.noxussj.top/?source=sifo

Vue 的核心功能之一，模板编译。我们无需关心如何通过数据操作 DOM 进行页面渲染，这些事情 Vue 内部已经帮我们实现了。我们只需要关心数据层面即可。

基础使用

在选项 data 中定义了 message 变量，只需要在 template 中进行调用即可。页面中就会渲染出来 hello world。

app.vue

    

        {{ message }}
    



export default {
    data() {
        return {
            message: 'hello world'
        }
    }
}

模板语法中可使用简单的 JavaScript 表达式

页面渲染 50。

    

        {{ num1 + 30 }}
    



export default {
    data() {
        return {
            num1: 20
        }
    }
}

又或者还有其他情况，以下这些例子都是可以的。

    

        {{ number + 1 }}

        {{ ok ? 'YES' : 'NO' }}

        {{ message.split('').reverse().join('') }}
    

但是这些是不行的。

    

        
        {{ var a = 1 }}

        
        {{ if (ok) { return message } }}
    

原文链接：https://note.noxussj.top/?source=sifo

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: python车道线检测道路偏离提示检测车道线直行左右转弯

项目描述和目标 这个项目旨在演示车道检测系统如何在配备前置摄像头的汽车上工作。该系统在越来越多的车辆中占据一席之地，是自动/半自动车辆中使用的高级驾驶员辅助系统(ADAS)的重要组成部分。该功能负责检测车道、测量曲线半径(曲线的紧密度)并监控从中心的偏移。有了…