js语句
在写vue语法前我们要使用一个js语句
分为在线和离线
在线
<script src="https://cdn.bootcdn.cet/ajax/libs/vue/2.6.1/vue.js"></script>
离线
<script src="js/vue.js"></script>
插值的基本语法
- 文本
{ {msg}} - html
使用v-html指令用于输出html代码 - 属性
HTML属性中的值应使用v-bind指令 - 表达式
Vue提供了完全的JavaScript表达式支持
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.bootcdn.cet/ajax/libs/vue/2.6.1/vue.js"></script>
</head>
<body>
<!-- 1 插值 -->
<div id="app">
<ul>
{
{
msg}}
<li>1.1 文本<p>title={
{
title}},ts={
{
ts}}</p></li><br />
使用v-html指令用于输出html代码 <br />
<li>1.2 html</li>
<div v-html="html"></div><br />
HTML属性中的值应使用v-bind指令<br />
<li>1.3 属性</li>
<div>