Vue模板语法

前言

一、插值

1.1、文本

1.2、html

前言

上次分享了Vue的入门，简单的入了个门。本篇文章将要分享的内容为Vue的模板语法。

一、插值

1.1、文本


html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.0/vue.js">script>
	head>
	<body>
		
		<div id="app">
			<h3>{
  {msg}}h3>
		div>
	body>
	<script>
		// 绑定边界
		new Vue({
			el: '#app',
			data() {
				return {
					msg: '我真的服了你个老六'
					
				}
			}
 
 
		})
	script>
html>

1.2、html


html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.0/vue.js">script>
	head>
	<body>
		
		<div id="app">
			<h3>{
  {msg}}h3>
 
			<p>html串p>
 
			<div v-html="htmlstr">div>
 
			
		div>
	body>
	<script>
		// 绑定边界
		new Vue({
			el: '#app',
			data() {
				return {
					msg: '我真的服了你个老六',
					htmlstr: '

相关阅读:
Linux启动elasticsearch，提示权限不够
【算法】通信线路（二分，堆优化版dijkstra）
【Element UI】解决 el-button 禁用状态下，el-tooltip 提示不生效问题
springboot如何接入netty，实现在线统计人数？
【C++修炼之路】1. 初窥门径
Java教程之高阶源码分析-ConcurrentHashMap
【MySQL】——数据库设计概述与需求分析
win10 环境下Python 3.8按装fastapi paddlepaddle 进行身份证及营业执照的识别2
shell_45.Linux在脚本中使用 getopt
C++之map的介绍

原文地址：https://blog.csdn.net/qq_62331938/article/details/126669277