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: '

相关阅读:
关于线程池概念使用
SpringBoot如何整合Mybatis Plus呢?
如何检测照片中共有多少张人脸，机器学习
不惧繁杂背景，视频编辑服务一键实现人像抠图
MMSC BAPI
Docker实战之Redis主从集群搭建实战
程序员该如何理解javascript的单线程？
几款语言python在线编辑器
16 Linux之JavaEE定制篇-搭建JavaEE环境
Java进阶篇--并发容器之ThreadLocal

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